<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$title} - 应用管理</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/layer/theme/default/layer.css">
    <link href="/static/css/fontawesome/css/all.min.css" rel="stylesheet">
    <style>
        .plugin-content {
            padding: 20px 10px;
        }

        /* 支付方式卡片样式 */
        .payment-method-card {
            border: 1px solid #dee2e6;
            border-radius: 4px;
            cursor: pointer;
            transition: border-color 0.2s ease;
            background: white;
        }

        .payment-method-card.active {
            border-color: #007bff;
            background: #f8f9fa;
        }

        /* 按钮组优化 */
        .btn-group-sm .btn {
            padding: 0.25rem 0.5rem;
            font-size: 0.75rem;
            border-radius: 0.2rem;
        }
        
        /* 文本截断 */
        .text-truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .plugin-nav ul {
                flex-direction: column;
            }

            .plugin-nav a {
                padding: 12px 20px;
                text-align: center;
            }

            .plugin-content {
                padding: 15px;
            }

            .table-responsive {
                font-size: 0.8rem;
            }

            .btn-group-sm .btn {
                padding: 0.2rem 0.4rem;
                font-size: 0.7rem;
            }
        }
    </style>
    {block name="style"}{/block}
</head>

<body>
    <div class="card-body p-0">
        <ul class="nav nav-tabs nav-bordered">
            <li class="nav-item" role="presentation">
                <a href="/adminapi/plugin/view/index"
                    class="nav-link px-3 py-2 {if $current_page == 'list'}active{/if}">
                    <span class="d-none d-md-block">本地应用</span>
                </a>
            </li>
            <li class="nav-item" role="presentation">
                <a href="/adminapi/plugin/view/market"
                    class="nav-link px-3 py-2 {if $current_page == 'market'}active{/if}">
                    <span class="d-none d-md-block">应用市场</span>
                </a>
            </li>
            {if config('app.debug')}
            <li class="nav-item" role="presentation">
                <a href="/adminapi/plugin/view/hooks"
                    class="nav-link px-3 py-2 {if $current_page == 'hooks'}active{/if}">
                    <span class="d-none d-md-block">钩子管理</span>
                </a>
            </li>
            {/if}
        </ul>


        <div class="plugin-content">
            {block name="content"}{/block}
        </div>
    </div>

    <script src="/static/js/jquery/jquery.min.js"></script>
    <script src="/static/js/bootstrap.bundle.min.js"></script>
    <script src="/static/layer/layer.js"></script>
    <script src="/static/admin/plugins/script.js"></script>
    {block name="script"}{/block}
</body>

</html>